/*轮播图部分*/
#Flash{width:100%;height:500px;margin:0 auto;flex-grow: 0;flex-shrink: 1;padding-top: 5px;}
#Flash .container .F_left{width: 230px;height: 100%;float: left;border: 1px solid #e5e5e5;}
#Flash .container .F_left .photo{margin: 0 0 5px 0;width: 100%;height: 50%;}
#Flash .container .F_left .photo img{width: 100%;height: 100%;border: 3px solid #fff;border-radius:5px;}
#Flash .container .F_left  ul{width: 100%;height: 49%;background: #579DC5;margin: 0 auto;margin-top: 5px;}
#Flash .container .F_left  ul li{line-height: 30px;font-size:18px;white-space: wrap;overflow: hidden;}
#Flash .container .Flash_list{width:70%;height:100%;overflow:hidden;background: #999;position: relative;float: left;}
#Flash .container .Flash_list  a{display:block;width: 100%;height:100%;float: left;}
#Flash .container .Flash_list  a img{width: 100%;height: 100%;}
#Flash .container .turn{width:20px ;height: 20px;border-bottom: 5px solid #fff;position: absolute;top:50%;}
#Flash  .container .turn:hover{opacity: .7;cursor: pointer;}
#Flash .container  .turn_left{border-left: 5px solid #fff;transform: rotate(45deg);left: 20px;}
#Flash .container .turn_right{border-right: 5px solid #fff;transform: rotate(-45deg);right: 20px;}
#Flash .container .Flash_list .flash_cover{width: 100%;background: rgba(0,0,0,0); position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
#Flash .container .Flash_list .flash_cover .welcome {line-height: 40px;text-align: center;font-size:20px;font-weight: bold;color: deeppink;/*position: absolute;left: 50%;top: 50%;margin-left: -300px;margin-top: -150px;*/}
#Flash .container .Flash_list .flash_cover .welcome .more{display: block;width:150px;height: 30px;background: #579DC5;margin: 0 auto;border-radius: 5px;line-height: 30px;color: #fff;margin:10px 20px;}
#Flash .container .Flash_list .flash_cover .welcome .introduce{perspective: 30000px;perspective-origin: 50% 50%;transform-style: preserve-3d;/*animation: run 5s infinite ;*/}
@keyframes run{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(200deg);}
}
/*轮播图部分结束*/

/*首页栅格布局公共样式*/
.desc{width: 100%;}
.desc .desc-item{height:100%;border: 1px solid #999;border-radius: 5px;padding: 5px 0px;text-align: center;background: #579DC5;}
.desc .desc-item:hover{box-shadow: 2px 2px 5px 1px rgba(0,0,0,.5);border-style: solid;}
.title{width: 100%;height:30px;background: #1A1C1E;margin:10px 0;line-height: 30px;font-size: 18px;border-radius: 5px;}
.title i{font-size: 20px;margin-left: 5px;}
.desc-item h3{font-size: 16px;line-height: 2em;}
.desc-item img{}
.desc-item p{}
.desc-item a{}
/*首页栅格布局公共样式结束*/

/*日记-消逝在时光里的记忆*/
.desc  .diary{width: 100%;height: 100%;}
.desc  .diary .desc-item h3{color: #000;}
/*日记-消逝在时光里的记忆结束*/

/*对前端的热爱*/
.webProuct .desc-item h3{color: red;}
.webProuct .desc-item img{width:90%;height:300px;display: block;margin: 0 auto;margin-bottom: 3px;}
.webProuct .desc-item a{display: block;width:100px;height:30px;line-height:30px;border-radius: 5px;margin: 0 auto;cursor: pointer;background:-webkit-linear-gradient(right,#00ffdc,#c1b4b6);color: #000;margin-bottom: 3px;}
.webProuct .desc-item a:hover{background: -webkit-linear-gradient(top,rgba(251, 62, 175, 0.9),#613a40);cursor: pointer;}
/*对前端的热爱结束*/